<template>
    <view style="padding: 20px;">
        <u-button
      type="primary"
      text="确定"
    ></u-button>
        <u-button
      type="primary"
      :plain="true"
      text="镂空"
    ></u-button>
        <u-button
      type="primary"
      :plain="true"
      :hairline="true"
      text="细边"
    ></u-button>
        <u-button
      type="primary"
      :disabled="disabled"
      text="禁用"
    ></u-button>
        <u-button
      type="primary"
      loading="true"
      loadingText="加载中"
    ></u-button>
        <u-button
      type="primary"
      icon="map"
      text="图标按钮"
    ></u-button>
        <u-button
      type="primary"
      shape="circle"
      text="按钮形状"
    ></u-button>
        <u-button
      text="渐变色按钮"
      color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))"
    ></u-button>
        <u-button
      type="primary"
      size="small"
      text="大小尺寸"
    ></u-button>
      </view>
</template>
<script>
export default {
  data() {
    return {
      disabled: true,
    };
  },
};
</script>
